<template>
  <div demo-bg>
    <dv-scroll-board :config="config" style="width: 100%; height: 160px" />
  </div>
</template>

<script setup lang="ts">
import { reactive } from "vue";
const config = reactive({
  header: ["姓名", "时间", "值班内容", "联系电话"],
  data: [
    ["甲三", "戎六", "三号门", "151****8134"],
    ["甲三", "戎六", "三号门", "151****8134"],
    ["甲三", "戎六", "三号门", "151****8134"],
    ["甲三", "戎六", "三号门", "151****8134"],
    ["甲三", "戎六", "三号门", "151****8134"],
    ["甲三", "戎六", "三号门", "151****8134"],
    ["甲三", "戎六", "三号门", "151****8134"],
  ],
  index: true,
  columnWidth: [50],
  align: ["center"],
  carousel: "single",
  rowNum: [3],
  headerBGC: ["transparent"],
});
</script>